<!--
 * @Descripttion:
 * @Version: 1.0
 * @Author: 何志龙
 * @Date: 2023-12-05 16:58:56
 * @LastEditors: wjh
 * @LastEditTime: 2024-03-27 15:30:09
-->
<template>
  <div class="building-serverv2">
    <van-steps v-if="isShowOther" :active="active" active-color="#38f">
      <van-step>申请</van-step>
      <van-step>图集选用</van-step>
      <van-step>签订合同</van-step>
      <van-step>四到场</van-step>
    </van-steps>
    <div v-if="isShowOther" style="background-color: #f6f6f6; height: 14px; margin-top: 4px"></div>
    <div class="building-serverv2-list">
      <van-tabs color="#3F8FFC" v-model="activeName">
        <van-tab v-if="isShowOther" title="免费图集">
          <FreeAtlas />
        </van-tab>
        <van-tab v-if="isShowOther" title="我的收藏">
          <div>
            <div style="height: 60vh; text-align: center; padding-top: 20vh" v-if="imagesList.length == 0">
              <div style="margin-bottom: 10px">
                <img src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/DSF/50.png" />
              </div>
              <div>暂无数据</div>
            </div>
            <template v-if="imagesList.length > 0">
              <div class="boxser" v-for="(item, index) in imagesList" :key="index" @click="handleGoto(item)">
                <p v-if="item.suolueFileId">
                  <!-- <img src='https://nfzjszlb.jst.zj.gov.cn/file/${{item.fileUrl}}?download=0&width=200' alt=""> -->
                  <img width="100%" style="height: 120px" :src="baseurlid + item.suolueFileId" />
                </p>
                <p v-else>
                  <img width="100%" style="height: 120px" src="https://nfzjszlb.jst.zj.gov.cn/tyzcpt/api/upload/oss/preview?fileId=3e7acb97b640411a9ce06017e7c12964" />
                </p>
                <div style="padding: 4px">
                  <p>{{ item.floors ? item.floors : 0 }} |{{ item.area ? item.area : 0 }}m²</p>
                  <p style="font-weight: 800">{{ item.atlasName }}</p>
                  <p style="margin-left: 4px; font-size: 14px; height: 26px; padding-top: 6px">
                    <van-tag type="primary" style="font-weight: 600">{{ item.countyName }}</van-tag>
                    <!-- <span >VR图集</span> -->
                    <van-tag type="primary" v-if="item.atlasType != null" style="font-weight: 600; float: right" @click="vrSee(item)">VR图集</van-tag>
                    <van-tag v-else style="font-weight: 600; float: right">通用图集</van-tag>
                  </p>
                </div>
              </div>
            </template>
          </div>
        </van-tab>
        <van-tab title="图集上传">
          <inputSelect
            :isShowCity="true"
            :contentDataCity="contentDataCity"
            :isUpperCase="false"
            :contentData.sync="contentData"
            :JFData.sync="JFData"
            :title="'图集基本信息'"
            @getValues="getValues"
            :IStitle="false" />
          <div style="background-color: #f6f6f6; height: 14px; margin-top: 4px"></div>
          <inputSelect
            :isShowCity="isShowCity"
            :isUpperCase="false"
            :contentData.sync="contentDataSJDW"
            :JFData.sync="JFData"
            :title="'设计单位信息'"
            @getValues="getValues"
            :IStitle="false"
            @getButton1="getButton" />
          <div style="background-color: #f6f6f6; height: 14px; margin-top: 4px"></div>
          <van-collapse v-model="activeNames1">
            <van-collapse-item :title="'附件'" name="1">
              <gsaupLoad :ISDelete="false" :FJData.async="FJData" :isReadOnly="true" />
            </van-collapse-item>
          </van-collapse>
          <div v-if="isShowOther" style="display: flex; justify-content: center; align-items: center; margin-bottom: -4%">
            <van-button type="primary" @click="handleToClick" style="width: 90vw">提交</van-button>
          </div>
        </van-tab>
      </van-tabs>
    </div>
    <van-popup v-model="QYShow" position="bottom" round :style="{ height: '75%' }">
      <h2 style="text-align: center; padding: 10px 0">企业单位</h2>
      <div class="Authentication">
        <div class="u-search">
          <van-search v-model="values" show-action placeholder="请输入企业名称" @search="onSearch">
            <template #action>
              <div @click="onSearch(values)">搜索</div>
            </template>
          </van-search>
        </div>
        <div class="SQList">
          <ul>
            <div style="clear: both">
              <li v-show="contentData2.length > 0" v-for="(item, index) in contentData2" @click="contentDataClick(item)" :key="index">
                <van-swipe-cell>
                  <template #left>
                    <van-button @click="selectItem(item)" style="height: 104px" square type="primary" text="选择" />
                  </template>
                  <div style="padding: 0 6px">
                    <p style="font-weight: bold; height: 28px">
                      <span style="float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.qymc }}</span>
                      <span style="float: right">{{ item.zzjgdm }}</span>
                    </p>
                    <p style="font-size: 14px; color: #848484; height: 28px">
                      <span style="float: left">入驻区域：{{ item.cityName }}</span>
                      <span style="float: right">企业类型：{{ item.fwlx }}</span>
                    </p>
                    <p style="font-size: 14px; color: #848484; height: 28px">
                      <span style="float: left">资质类别：{{ item.fwlx }}</span>
                    </p>
                    <p style="font-size: 14px; color: #848484; height: 20px">
                      <span style="float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">单位地址：{{ item.dwdz ? item.dwdz : '暂无数据' }}</span>
                    </p>
                  </div>
                  <template #right>
                    <van-button @click="selectItem(item)" square type="primary" style="height: 104px" text="选择" />
                  </template>
                </van-swipe-cell>
              </li>
            </div>
            <div style="height: 60vh; text-align: center; padding-top: 20vh" v-show="noData">
              <div style="margin-bottom: 10px">
                <img src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/DSF/50.png" />
              </div>
              <div>暂无数据</div>
            </div>
          </ul>
        </div>
      </div>
    </van-popup>
  </div>
</template>

<script>
import inputSelect from '../NewZzd/public/inputSelect'
import FreeAtlas from '../NewZzd/public/FreeAtlas'
import gsaupLoad from '../NewZzd/public/gsaupLoad'
import { addDate, GSA_Search, GSA_Add } from '@/common/commonApi'
import { AtlasCollection, zhejiangHouseAtlasSave, selectTechnicalList, Atlas } from '@/utils/api'
import { v4 as uuidv4 } from 'uuid'
export default {
  name: 'building-serverv2',
  data() {
    return {
      active: 1,
      values: '',
      isShowOther: true,
      activeName: 'second',
      QYShow: false,
      imagesList: [],
      baseurlid: window.g.OSSPriviewId,
      activeNames1: ['1'],
      isShowCity: false,
      noData: false,
      contentDataCity: [
        {
          label: '所属市',
          key: 'CITY', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          NYDARR: []
        },
        {
          label: '所属县(区)',
          key: 'COUNTY', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          NYDARR: []
        },
        {
          label: '所属镇',
          key: 'TOWN', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          NYDARR: [],
          isshow: true
        },
        {
          label: '所属村',
          key: 'VILLAGE', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          NYDARR: [],
          isshow: true
        }
      ],
      contentData: [
        {
          label: '图集名称',
          key: 'atlasName', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '图集风貌',
          key: 'atlasStyle',
          ISinput: false,
          required: true,
          readonly: true,
          isTime: false,
          emitData: '',
          NYDARR: [
            {
              DICNAME: '第三方图集',
              DICID: '第三方图集'
            }
          ]
        },
        // {
        //     label: '图集类型',
        //     key: 'atlasStyle',
        //     ISinput: false,
        //     required: true,
        //     readonly: true,
        //     isTime: false,
        //     emitData: 'a8e5782d-9a59-48e4-b35b-654b9bb667ca',
        //     NYDARR: []
        // },
        // {
        //   label: '建筑风格',
        //   key: 'atlasType', //绑定的字段
        //   ISinput: true, //true:输入框
        //   required: true, //true: 必填项
        //   readonly: true, //true:可以填写 false：不可以填写
        //   isTime: false //true:可以时间选择器 false：下拉框style
        // },
        {
          label: '图集风貌',
          key: 'style',
          ISinput: false,
          required: true,
          readonly: true,
          isTime: false,
          emitData: '',
          NYDARR: [
            {
              DICNAME: '浙西山居型',
              DICID: '浙西山居型'
            },
            {
              DICNAME: '人文历史型',
              DICID: '人文历史型'
            },
            {
              DICNAME: '现代风貌型',
              DICID: '现代风貌型'
            },
            {
              DICNAME: '田园乡居型',
              DICID: '田园乡居型'
            }
          ]
        },
        {
          label: '占地面积(㎡)',
          key: 'area', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '建筑面积(㎡)',
          key: 'buildArea', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '建筑层数',
          key: 'floors', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '地下面积(㎡)',
          key: 'buttomarea', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '地上面积(㎡)',
          key: 'topsumarea', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '地下层数',
          key: 'bottomFloorCount', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '地下高度(m)',
          key: 'bottomHeight', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '地上高度(m)',
          key: 'heightGround', //绑定的字段
          ISinput: true, //true:输入框
          required: true, //true: 必填项
          readonly: true, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        }
      ],
      contentDataSJDW: [
        // {
        //     label: '企业名称',
        //     key: 'SEX',
        //     ISinput: false,
        //     required: true,
        //     readonly: false,
        //     isTime: false,
        //     emitData: 'a8e5782d-9a59-48e4-b35b-654b9bb667ca',
        //     buttonTest:"选择",
        //     NYDARR: []
        // },
        {
          label: '企业名称',
          key: 'qymc', //绑定的字段
          ISinput: true, //true:输入框
          required: false, //true: 必填项
          readonly: false, //true:可以填写 false：不可以填写
          isTime: false, //true:可以时间选择器 false：下拉框
          buttonTest: '搜索'
        },
        {
          label: '统一社会信用代码',
          key: 'zzjgdm',
          ISinput: true,
          required: false,
          readonly: false,
          isTime: false
        },
        {
          label: '法人代表',
          key: 'lxr', //绑定的字段
          ISinput: true, //true:输入框
          required: false, //true: 必填项
          readonly: false, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '联系电话',
          key: 'lxdr', //绑定的字段
          ISinput: true, //true:输入框
          required: false, //true: 必填项
          readonly: false, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '单位类型',
          key: 'dwlx',
          ISinput: true,
          required: false,
          readonly: false,
          isTime: false
        },
        {
          label: '资质范围',
          key: 'zzfw', //绑定的字段
          ISinput: true, //true:输入框
          required: false, //true: 必填项
          readonly: false, //true:可以填写 false：不可以填写
          isTime: false //true:可以时间选择器 false：下拉框
        },
        {
          label: '资质类型',
          key: 'zzlx',
          ISinput: true,
          required: false,
          readonly: false,
          isTime: false
        }
      ],
      FJData: [
        {
          title: '缩略图片',
          groupGuid: [],
          FileName: [], //pdf 名字
          fileList: [],
          isReadOnly: true,
          num:1
        },
        {
          title: '房屋总平面布置图',
          groupGuid: [],
          FileName: [],
          fileList: [],
          isReadOnly: true
        },
        {
          title: '房屋平面位置图',
          groupGuid: [],
          FileName: [],
          fileList: [],
          isReadOnly: true
        },
        {
          title: 'pdf图集',
          groupGuid: [],
          FileName: [],
          fileList: [],
          isReadOnly: true
        },
        {
          title: 'cad图集',
          groupGuid: [],
          FileName: [],
          fileList: [],
          isReadOnly: false
        },
        {
          title: '农房设计委托书',
          groupGuid: [],
          FileName: [],
          fileList: [],
          isReadOnly: true
        }
      ],
      JFData: [
        {
          atlasName: '',
          atlasStyle: '第三方图集',
          atlasType: '',
          area: '',
          buildArea: '',
          floors: '',
          buttomarea: '',
          bottomFloorCount: '',
          bottomHeight: '',
          topsumarea: '',
          heightGround: '',
          qymc: '',
          style: '',
          zzjgdm: '',
          lxr: '',
          dwlx: '',
          zzfw: '',
          zzlx: '',
          lxdr: '',
          CITY: '',
          COUNTY: ''
        }
      ],
      contentData2: [],
      shenkaobeiData: [],
      QYData: {},
      technicalUnitId:"",
      groupGuid:"",
    }
  },
  methods: {
    // 页面加载完成
    getValues(name, value, label) {
      console.log(name, value, label)
      // this.ChengNuoShuData[label] = name
      if (label == '所属市') {
        this.JFData[0].CITY = name
      } else if (label == '所属县(区)') {
        this.JFData[0].COUNTY = name
      }
    },
    //获取图集信息
    getAtlas: async function () {
      let params = {
        accessCode: '29ff26f660fc47f79c15bff382eeca6d',
        cityCode: '441300000000',
        id: this.$route.query.data
      }
      const res = await Atlas(params)
      //图集图片回显 - 缩略图
      if (res.data.data && res.data.data.suolueFileId) {
        let suolueFileIdArr = res.data.data.suolueFileId.split(',')
        suolueFileIdArr.forEach((item) => {
          this.FJData[0].groupGuid.push({
            id: item
          })
        })
      }

      //图集图片回显 - pdf
      if (res.data.data && res.data.data.atlasFile && res.data.data.atlasFile.pdfIds) {
        let pdf = res.data.data.atlasFile.pdfIds.split(',')
        pdf.forEach((item) => {
          this.FJData[1].groupGuid.push({
            id: item
          })
        })
      }

      //图集基本信息
      for (let i in res.data.data) {
        for (let j in this.JFData[0]) {
          if (i == j) {
            this.JFData[0][j] = res.data.data[i]
          }
        }
      }
      //图集的设计单位
      for (let i in res.data.data?.technicalUnit) {
        for (let j in this.JFData[0]) {
          if (i == j) {
            this.JFData[0][j] = res.data.data.technicalUnit[i]
          }
        }
      }
    },
    upperJSONKey(jsonObj) {
      for (var key in jsonObj) {
        jsonObj[key.toUpperCase()] = jsonObj[key]
        delete jsonObj[key]
      }
      return jsonObj
    },
    //选择企业信息
    selectItem(data) {
      this.QYShow = false
      this.QYData = data
      this.technicalUnitId=data.id;
      this.JFData.forEach((item) => {
        for (let i in item) {
          for (let j in data) {
            if (i == j) {
              item[i] = data[j] == null ? '' : data[j]
            }
          }
        }
      })
      console.log(this.JFData)
    },
    contentDataClick(data) {
      this.QYShow = false
      this.QYData = data
      this.JFData.forEach((item) => {
        for (let i in item) {
          for (let j in data) {
            if (i == j) {
              item[i] = data[j] == null ? '' : data[j]
            }
          }
        }
      })
      console.log(this.JFData)
    },
    onSearch(val) {
      if (!val) return (this.contentData2 = this.shenkaobeiData)
      this.contentData2 = this.shenkaobeiData.filter((item) => {
        return item.qymc && item.qymc.indexOf(val) > -1
      })
    },
    //设计单位选择完后赋值
    contentDataClick(){

    },
    async getData() {
      let param = {
        appKey: '6738b790-69e8-11ec-a673-6805cab640a0',
        cityCode: window.localStorage.getItem('citycode'),
        belongCountryList: [],
        belongCountyList: [],
        name: '',
        dwlx: '设计单位',
        pageNo: 1,
        pageSize: 1000000
      }
      const res = await selectTechnicalList(param)
      if (res.data && res.data.data && res.data.data.pageList.length > 0) {
        this.contentData2 = res.data.data.pageList
        this.shenkaobeiData = JSON.parse(JSON.stringify(res.data.data.pageList))
        this.noData = false
        this.QYShow = true
      } else {
        this.noData = true
        this.contentData2 = []
      }
    },
    getButton(data) {
      this.getData()
    },
    handleToClick() {
      this.saveTJ()
    },
    async saveTJ() {
      //传入上传的文件id
    
      let params = {
        accessCode: '2ddf8dd62f7b4a10a2253e90ac01dec1',
        appKey: '6738c995-69e8-11ec-a673-6805cab640a1',
        atlasInfo: {
          area: this.JFData[0].atlasName,
          atlasNo: '',
          atlasName: this.JFData[0].atlasName,
          atlasStyle: '第三方图集',
          belongArea: this.JFData[0].CITY,
          belongCounty: this.JFData[0].COUNTY,
          buildArea: this.JFData[0].buildArea,
          createdate: '',
          displayorder: 0,
          floors: this.JFData[0].floors,
          id: '',
          citycode: this.JFData[0].COUNTY,
          style: this.JFData[0].style,
          remark: 0,
          updatedate: null,
          useNumber: 0,
          vrUrl: null,
          buttomarea: this.FJData[0].buttomarea,
          topsumarea: this.FJData[0].topsumarea,
          bottomFloorCount: this.FJData[0].bottomFloorCount,
          floorCountGround: this.FJData[0].floorCountGround,
          bottomHeight: this.FJData[0].bottomHeight,
          heightGround: this.FJData[0].heightGround,
          fwpmtpath: this.FJData[1].groupGuid,
          housePlanePicture: this.FJData[2].groupGuid,
          tscnspath: this.FJData[5].groupGuid,
          technicalUnitId: '58ca8f5327d86d85e113a623eacc8671'
        },
        atlasFile: {
          catIds: this.FJData[4].groupGuid,
          pdfIds: this.FJData[3].groupGuid
        }
      }
      // for (let i in params) {
      //   for (let j in this.JFData[0]) {
      //     if (i === j) {
      //       params[i] = this.JFData[0][j]
      //     }
      //   }
      // }
      //判断必填项
      const res = await zhejiangHouseAtlasSave(params)
      if (res.data.code == 200) {
        this.$toast.success('成功！')
        this.$store.commit('getTJDATAV2', {
          TJLX: '158',
          TJMC: this.JFData[0].atlasName,
          JZCS: this.JFData[0].floors,
          TJBH: res.data.data.atlasInfo.id,
          JZFG: this.JFData[0].atlasType,
          JZCS: this.JFData[0].floors,
          SJDWMC: this.JFData[0].qymc,
          SJDWFZR: this.JFData[0].lxr,
          SJDWSH: this.JFData[0].zzjgdm,
          DSMJ: this.JFData[0].topsumarea,
          DXMJ: this.JFData[0].buttomarea,
          DSGD: this.JFData[0].heightGround,
          DXGD: this.JFData[0].bottomHeight,
          DSCS: this.JFData[0].floorCountGround,
          DXCS: this.JFData[0].bottomFloorCount
        })
        window.localStorage.setItem('ISTUJI', false)
        this.$router.push({
          path: 'drawingCraftsman'
        })
      }
    },
    getTJ: async function (data) {
      let params = {
        accessCode: '29ff26f660fc47f79c15bff382eeca6d',
        appKey: '6738b790-69e8-11ec-a673-6805cab640a0',
        userId: window.localStorage.getItem('ISZHUCE'),
        pageNo: 1,
        pageSize: 1000
      }
      const res = await AtlasCollection(params)
      res.data.data.pageList ? (this.imagesList = res.data.data.pageList) : ''
    },
    handleGoto(data) {
      this.$router.push({
        path: '/FreeAtlasDetails',
        query: {
          data1: JSON.stringify(data),
          id: this.$route.query.id
        }
      })
    },
    //图集回显
    async getDataTj(data1) {
      let data = [
        { field: 'house_applyv2.ROW_GUID', value: data1.ROW_GUID }
      ]
      const res = await GSA_Search('eae731ab-1ee9-4ffd-8b9e-78773305e823', data)
      console.log(res,'dgvnirognhriouhngujirngbugnjunrhjugnjurtghnuj')
      this.JFData[0].buildArea = res.Data[0].JZMJ
      this.JFData[0].floors = res.Data[0].CS
      this.JFData[0].area = res.Data[0].FJZDMJ
    }
  },
  mounted() {
    this.FJData.forEach((item) => {
        item.groupGuid = uuidv4();
      })
    this.getTJ()
  },
  created() {
    // this.upperJSONKey(this.JFData[0])
    console.log(JSON.parse(window.sessionStorage.getItem('ROW_GUID1')))
    let rowData = JSON.parse(window.sessionStorage.getItem('ROW_GUID1'))
    this.JFData[0].CITY = rowData.CITY
      this.JFData[0].COUNTY = rowData.COUNTY
    this.getDataTj(rowData)
    if (this.$route.query?.id == '不能编辑') {
      this.isShowOther = false
      this.getAtlas()
      this.contentData.forEach((item) => {
        item.readonly = false
      })
    } else {
      this.isShowOther = true
    }
  },
  components: {
    gsaupLoad,
    inputSelect,
    FreeAtlas
  }
}
</script>

<style scoped lang="scss">
.building-serverv2 {
  height: 100vh;

  .building-serverv2-list {
    height: 90vh;
    overflow-y: auto;
  }

  .boxser {
    width: 45%;
    height: 170px;
    border: 1px solid rgb(246, 246, 246);
    // box-shadow: 10px 10px 20px 10px #eee;
    float: left;
    margin: 1.5% 1.5% 1.5% 3%;
    border-radius: 10px;

    img {
      width: 100%;
      border-radius: 10px;
    }
  }

  .Authentication {
    width: 100%;
    height: 70vh;
    overflow: auto;
    background: #eee;

    .SQList {
      width: 100vw;
      overflow-x: hidden;
      overflow-y: auto;
      background: #eee;

      li {
        //   padding-top: 4px;
        background-color: white;
        border-radius: 10px;
        padding: 12px;
        width: 96%;
        margin: 0 auto;
        margin-top: 6px;
        color: black;
        box-shadow: 0 0 12px #e3e3e3;
      }
    }

    .u-search {
      padding: 6px 6px 0.05rem 6px;
    }
  }
}
</style>
<style>
.van-cell {
  color: black;
  font-weight: bold !important;
}

.van-collapse-item__content {
  color: black;
  padding: 0 6px !important;
}

.ceshi .van-cell__title {
  font-size: 18px;
}
</style>
